<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>极果首页</title>
    <link rel="stylesheet" href="./css/index.css">
    <script src="../../js-lib/html-xuanran/template-web.js"></script>
    <script src="./js/myajax.js"></script>
    <script src="./js/index.js"></script>

</head>

<body>
    <header class="head wrapper">
        <div class="logo">
            <h1><a href="#"><img src="./img/logonew.png" alt=""></a></h1>
        </div>
        <div class="nav">
            <ul>
                <li class="selected"><a href="javascript:;">首页</a></li>
                <li><a href="javascript:;">酷玩</a></li>
                <li><a href="javascript:;">导航</a></li>
                <li><a href="javascript:;">试用</a></li>
                <li><a href="javascript:;">报告</a></li>
            </ul>
        </div>
        <div class="register">
            <a href="#">注册</a>
        </div>
        <div class="search">
            <a href="#"><img src="./css/img/search.png" alt=""></a>
        </div>

    </header>
    <!-- banner -->
    <div class="banner">
        <!-- <a href="#"><img src="./css/img/original.jpg" alt=""></a> -->
        <div class="wrapper">
            <div class="text">
                <h2>幻响小贝HiFi2.1音箱</h2>
                <p class="parms"><span>126人申请</span><span>￥599</span><span>20台</span></p>
                <p class="interval">申请时间剩余：13天5小时37分钟</p>
                <a href="#">立即申请</a>
            </div>
        </div>
    </div>
    <!-- 热门试用 -->
    <div class="hot">
        <div class="wrapper">
            <h3>热门试用</h3>
            <ul>
                <li>
                    <a href="javascript:;">
                        <div class="pic">
                            <img src="./img/hot9.jpg" alt="">
                        </div>
                        <div class="txt">
                            <h4>标题XXXXXXXXXXXXXX标题XXXXX</h4>
                            <div>
                                <span class="totalnum">2032</span>
                                <span><b class="num">20</b>台</span>
                            </div>
                            <p class="count"><span>1392</span>申请</p>
                            <p class="time">剩余时间<span>2</span>天</p>
                        </div>

                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 报告精选 -->
    <div class="report">
        <div class="wrapper">
            <div class="title">
                <h3>报告精选</h3>
                <div class="more">
                    <a href="javascript:;">查看更多<img src="./css/img/readMore.png" alt=""></a>

                </div>
            </div>
            <div class="cont">
                <ul>
                    <!-- <li>
                        <a href="javascript:;">
                            <div class="pic">
                                <img src="./img/hot9.jpg" alt="">
                            </div>
                            <div class="txt">
                                <h4>标题XXXXXXXXXXXXXX标题XXXXX</h4>
                                <div class="bottom">
                                    <div class="left">
                                        <span class="circle"></span>
                                        <span class="name">苏苏</span>
                                    </div>
                                    <div class="right">
                                        <img src="./css/img/zan.png" alt="" class="zan">
                                        <span class="zan_count">3</span>
                                        <img src="./css/img/reply.png" alt="" class="reply">
                                        <span class="reply_count">3</span>
                                    </div>
                                </div>

                            </div>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 定义报告精选ul里面的li的模板 -->
    <script type="text/html" id="tpl_report">
        {{each datas}}
        <li>
            <a href="javascript:;">
                <div class="pic">
                    <img src="{{$value.img}}" alt="">
                </div>
                <div class="txt">
                    <h4>{{$value.text}}</h4>
                    <div class="bottom">
                        <div class="left">
                            <span class="circle"></span>
                            <span class="name">苏苏</span>
                        </div>
                        <div class="right">
                            <img src="./css/img/zan.png" alt="" class="zan">
                            <span class="zan_count">{{$value.like}}</span>
                            <img src="./css/img/reply.png" alt="" class="reply">
                            <span class="reply_count">{{$value.words}}</span>
                        </div>
                    </div>
    
                </div>
            </a>
        </li>
        {{/each}}
        </script>
    <!-- 网页底部 -->
    <div class="footer">
        <div class="wrapper">
            <div class="top">
                <div class="pic"><img src="./img/code.png" alt=""></div>
                <div class="middle">
                    <div class="top"><img src="./img/logoImg.jpg" alt=""></div>
                    <p>全球酷玩试用导购平台酷·新奇·好玩·品质</p>
                    <p>微信添加"JguoJguo"获取我们的服务。</p>
                </div>
                <div class="right">
                    <dl>
                        <dt>免费试用</dt>
                        <dd>试用流程</dd>
                        <dd>如何提高成功率</dd>
                    </dl>
                    <dl class="two">
                        <dt>友情链接</dt>
                        <dd>智东西</dd>
                        <dd>WEIBUSI</dd>
                        <dd>搜狐IT</dd>
                        <dd>腾讯科技</dd>
                        <dd>搜狐数码</dd>
                        <dd>凤凰科技</dd>
                        <dd>凤凰数码</dd>
                        <dd>PConline</dd>
                        <dd>泡泡网</dd>
                        <dd>3W咖啡</dd>
                        <dd>ZUK社区</dd>
                        <dd>亿觅emie</dd>
                        <dd>极客公园</dd>
                        <dd>易迅易启玩</dd>
                        <dd>果库</dd>
                    </dl>
                    <dl>
                        <dt>购买攻略</dt>
                        <dd>美亚海淘教程</dd>
                        <dd>日亚海淘教程</dd>
                        <dd>海淘转运攻略</dd>
                        <dd>kickstarter 众筹购买攻略</dd>
                        <dd>indiegogo 众筹购买攻略</dd>
                    </dl>
                    <dl>
                        <dt>厂商合作</dt>
                        <dd>关于极果</dd>
                        <dd>联系我们</dd>
                        <dd>商务合作：BD@jiguo.com</dd>
                        <dd>CEO邮箱：CEO@jiguo.com</dd>
                    </dl>
                </div>
            </div>
            <div class="bottom">
                @ 2016 极果版权所有
            </div>
        </div>
    </div>


</body>

</html>